<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的</title>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		<script src="../js/elementui.js"></script>
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/mine.css" />
		<script src="../js/jquery3.5.1.js"></script>
		<link href="../layui/css/layui.css" rel="stylesheet">
		<link href="../css/myvideo.css" rel="stylesheet">
		<script src="../layui/layui.js"></script>
		<script src="../js/mine.js"></script>
	</head>
	<body>
		<div id="app">
			<div id="mine">
				<div id="minetow">
					<img class="bj" src="../img/背景.jpg">
					<img class="tou" src="../img/默认头像.png" />
					<span class="douname">王的姓名</span>
					<span class="guanzhu">
						<span class="meg">关注</span>&nbsp;&nbsp;<strong>5</strong>&nbsp;&nbsp;&nbsp;&nbsp;<span
							class="meg">|</span>&nbsp;&nbsp;
						<span class="meg">粉丝</span>&nbsp;&nbsp;<strong>145.14万</strong>&nbsp;&nbsp;&nbsp;&nbsp;<span
							class="meg">|</span>&nbsp;&nbsp;
						<span class="meg">获赞</span>&nbsp;&nbsp;<strong>2.2亿</strong>
					</span>
					<span class="conte">本人是来自不列颠的19代皇子，还不速度关注！</span>
					<img class="sex" src="../img/男.png" />
					<span class="douid">逗比号：114514</span>
					<div class="but">
						<el-button id="compile" onclick="location.href='compile.html'"  round>编辑资料</el-button>
					</div>
				</div>
			</div>
			<div id="content">
				<template v-for="obj in text">
					<div class="text" :id="obj.id">{{obj.name}}</div>
				</template>
			</div>
			<div id="box">
				<template v-for="obj in num">
					<div class="video">
						<div class="image-container">
							<img class="tu" src="../img/王牌.png" />
						</div>
						<div class="xin">
							<i class="layui-icon layui-icon-heart" style="font-size: 15px; color: white;"></i>
							<span class="num">14w</span>
						</div>
						<div class="tile">这只是个测试……这只是个测试……这只是个测试……</div>
						<span class="datet">2025-01-01</span>
					</div>
				</template>
				<!-- <iframe id="video" onscroll="no" src="mineVideo.html" frameborder="0"></iframe> -->
			</div>

		</div>
	</body>
	<script>
		new Vue({
			el: "#app",
			data: {
				text: [{
					id: "zuo",
					name: "作品"
				}, {
					id: "like",
					name: "喜欢"
				}, {
					id: "hotroy",
					name: "历史"
				}],
				num: 20
			},
			methods: {},
			mounted() {

			}
		})
	</script>
	<script type="text/javascript">
		
	</script>
</html>